<!DOCTYPE html>
<style type="text/css">
 textarea{
 width:1100px;
 height:350px;
 }
</style>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>test</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <script src="/static/js/jquery-3.3.1.js" charset="utf-8"></script>
  <script src="/static/js/jquery.columns.min.js" charset="utf-8"></script>
  <link rel="stylesheet" href="/static/css/classic.css">
</head>
<body>

    <form action="" method="post">
    {#    <input type="text" name="extr_no_get">#}
        <textarea name="getsql" accesskey="w">{{ getsql }} </textarea>
        </br>
        <button type="submit" name="runsql" accesskey="r">执行</button>
        <button type="submit" name="opensql" onclick="popupfunc()">打开</button>
        <button type="submit" name="savesql">保存</button>
{#        <textarea name="savename">{{ savename }} </textarea>#}
{#        <input type="submit" value="执行(alt+shift+r)编辑(alt+shift+w)" accesskey="r" name = "runsql">#}
    </form>
{#    <input type="button" onclick="popupfunc()" value="xxxxx">#}
    <script>
        function popupfunc(){
            window.open("/oct", "popup_page", "status=1,height:50,width:60,toolbar=0,resizeable=0")
        }
    </script>
{#    <h1>测试：</h1></br>#}

    <div id="columns"></div>
    <script>
    $(document).ready(function() {
    var json = {{ data | safe }};
        $('#columns').columns({data:json});
  });
    </script>
{#    {{ data }}#}
</body>
</html>
